<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{CargaArchivosPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{CargaArchivosPage.formCargar}" id="formCargar">
                <h:panelGrid binding="#{CargaArchivosPage.gridPanelContainer}" columnClasses="top" headerClass="headerClassDataTable" id="gridPanelContainer"
                    style="text-align: center" >
                    <h:panelGrid  binding="#{CargaArchivosPage.gridPanelTop}" columnClasses="top" columns="2" headerClass="headerClassDataTable"
                        id="gridPanelTop" >
                        <f:facet name="header">
                            <h:outputText value="Opciones de carga"/>
                        </f:facet>
                        <h:panelGrid border="0" cellspacing="1" columns="2" rowClasses=" rowClassWhite,rowClassBlue" >
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText binding="#{CargaArchivosPage.outputText1}" id="outputText1" styleClass="outputText" value="APLICACIONES "/>
                            <ui:dropDown binding="#{CargaArchivosPage.dropDownApp}" id="dropDownApp" items="#{SessionManualesViaWebBean.appOptions}" styleClass="select"/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText binding="#{CargaArchivosPage.outputText2}" id="outputText2" styleClass="outputText" value="VERSIONES "/>
                            <ui:dropDown binding="#{CargaArchivosPage.dropDownVersiones}" id="dropDownVersiones" items="#{SessionManualesViaWebBean.verOptions}" styleClass="select"/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText binding="#{CargaArchivosPage.outputTextDesc}" id="outputTextDesc" styleClass="outputText" value="DESCRIPCION "/>
                            <ui:textArea binding="#{CargaArchivosPage.textAreaDesc}" columns="60" id="textAreaDesc" maxLength="120" rows="2" styleClass="select"/>
                        </h:panelGrid>
                    </h:panelGrid>
                    <h:panelGrid binding="#{CargaArchivosPage.gridPanelBottom}" columns="2" headerClass="headerClassDataTable" id="gridPanelBottom"
                        rowClasses="rowClassBlue, rowClassWhite" />
                </h:panelGrid>
                <h:inputHidden binding="#{CargaArchivosPage.hiddenField1}" id="hiddenField1" value="#{SessionManualesViaWebBean.pathFile}"/>
                <h:panelGrid binding="#{CargaArchivosPage.gridPanel1}" columns="3" headerClass="headerClassDataTable" id="gridPanel1" style="text-align: center" >
                    <h:commandButton action="#{CargaArchivosPage.buttonCargar_action}" binding="#{CargaArchivosPage.buttonCargar}" id="buttonCargar"
                        styleClass="button" value="CARGAR"/>
                    <h:commandButton action="#{CargaArchivosPage.buttonModificar_action}" binding="#{CargaArchivosPage.buttonModificar}" id="buttonModificar"
                        rendered="#{SessionManualesViaWebBean.renderedModificarButton}" styleClass="button" value="MODIFICAR"/>
                    <h:commandButton action="#{CargaArchivosPage.buttonVolver_action}" binding="#{CargaArchivosPage.buttonVolver}" id="buttonVolver"
                        onclick="innerFileUpload()" styleClass="button" value="VOLVER"/>
                </h:panelGrid>
                <h:panelGrid columns="1" style="text-align: center" >
                    <ui:alert binding="#{CargaArchivosPage.alertMessage}" id="alertMessage" rendered="#{SessionManualesViaWebBean.renderedAlert}"/>
                </h:panelGrid>
            </ui:form>
            <table>
                <tr>
                    <td align="center">
                        <table style="text-align: center" width="100%">
                            <thead>
                                <tr>
                                    <th class="headerClassDataTable" colspan="2" scope="colgroup"> Carga de Archivo</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td align="center">
                                        <ui:form binding="#{CargaArchivosPage.formFileUpload}" enctype="multipart/form-data" id="formFileUpload">
                                            <span id="inner1" name="inner">
                                                <input class="select" id="fileuploadControl1" name="fileuploadControl" onchange="getFilePath();submit()"
                                                    size="35" type="file"/>
                                            </span>
                                        </ui:form>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
            <script language="JavaScript"
                    type="text/javascript">
                function numbersOnly(e){
                   var unicode=e.charCode? e.charCode : e.keyCode;                     
                    if (unicode!=8){ 
                        if(isNaN(String.fromCharCode(e.charCode))){ 
                            return false;
                        }
                    }
                }
          
                function getFilePath(){                                              
                        document.getElementById("formCargar:hiddenField1").value=document.getElementById("fileuploadControl1").value;    
                           submitform();
                }                
       
                 setFilePath();
                
                function setFilePath(){    
                        var num=document.getElementById("formCargar:hiddenField1").value;                        
                        if(document.getElementById("formCargar:hiddenField1").value!=""){     
                              document.getElementById("inner1").innerHTML='<input
                    class="select" name="innertInput" size="35" value="'+num+'"/>
                <input class="button" name="innertButton" onclick="innerFileUpload()" type="button"
                    value="CAMBIAR ARCHIVO"/>';
                        }
                } 
                
                function submitform(){      
                 //  document.forms["formFileUpload"].submit();
                   document.forms["formCargar"].submit();
                   
                }
                
                function innerFileUpload(){
                    document.getElementById("formCargar:hiddenField1").value="";
                    document.getElementById("inner1").innerHTML='<input
                    class="select" id="fileuploadControl1" name="fileuploadControl" onchange="getFilePath();submit()" size="35" type="file"/>';
                }</script>
        </div>
    </f:view>
</jsp:root>
